iT邦幫忙

2022 iThome 鐵人賽

DAY 25
0

倒數不到一周!
今天就來繼續昨天沒說完的程式碼部分吧!
雙十連假什麼的,不屬於還沒完賽的人啦/images/emoticon/emoticon02.gif

今天的成果會如下:
Yes

昨天還未說完的js程式碼

//a昨天有宣告
function fn2() {
    var aa = document.getElementsByTagName("a");
    for (var i = 0; i < aa.length; i++) {
        aa[i].onclick = function () {
        this.parentNode.parentNode.removeChild(this.parentNode);
         }
    }
}

這是調整按刪除後的順序
getElementsByTagName昨天文章有提到,可以按我前往

.css

.talk {
    width: 800px;
    min-height: 300px;
    border: 2px solid rgb(252, 31, 31);
    margin: auto;
    margin-top: 20px;
}
.talk .lyb {
    width: 90%;
    margin: auto;
    display: block;
    border: 1px solid rgb(36, 27, 27);
    padding: 5px 0px;
    top: 10px;
    position: relative;
}
.talk .div1 {
    width: 90%;
    border: 1px solid rgb(10, 178, 66);
    margin: 10px auto;
    top: 10px;
    position: relative;
    min-height: 100px;
}
.talk .div1 p {
    width: 85%;
    padding: 5px 0px;
    height: 30px;
    line-height: 30px;
}
.talk .div1 ul {
    width: 100%;
    margin: auto;
}
.talk .div1 ul li {
    width: 85%;
    height: auto;
    padding: 10px;
    list-style: none;
    margin: 5px;
    background: rgb(255, 210, 143);  
}
#wbk {
    resize: none;
    width: 90%;
    margin: auto;
    height: 80px;
    display: block;
    position: relative;
    top: 10px;
}
#gobtn {
//這是按鈕
    width: 40%;
    height: 50px;
    margin: auto;
    justify-content: center;
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 5px royalblue double;
    cursor: pointer;
    position: relative;
    background-color: rgb(177, 255, 255);
}
.talk a {
//刪除鍵效果
    float: right;
    color: rgb(5, 5, 14);
}

css很多特效之前都有講解過了,可以回頭看,就不多給連結囉!

總結一下,昨天打了JS,今天加了CSS,明天會加入已做好的成品內,今天有先是放進去,不過遇到了一個困難。
那究竟是什麼困難呢?下回待續...

以上是我開賽的第二十五天,讓我們來期待第二十六天的到來吧!
加油、加油! 倒數5天。/images/emoticon/emoticon29.gif


上一篇
【DAY24 留言區.part1】
下一篇
【DAY26 留言區.part3】
系列文
做一個屬於自己的網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言